<!DOCTYPE html>
<!-- saved from url=(0142)http://hyq3.padasuo.net/js/html/2105.html?f=&n=http%3A//pb21053.padasuo.net/%3Fgzid%3Dpb21053shtjl%26from%3Dsinglemessage%26isappinstalled%3D1 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache">
<title>帕达索官方网站</title>
<meta name="Author" content="帕达索官方网站"> 
<meta name="Copyright" content="帕达索官方网站">  
<link href="style.css" type="text/css" rel="stylesheet">
<script charset="utf-8" src="cxzxcheckform.js" ></script>
<script charset="utf-8" src="zepto/zepto-mini.js"></script>
<style type="text/css">
    #order{width:100%;background:#EBFFEF;}
    .title,.subbox input{background:#00CC33;}
</style>
</head> 
<body>
 <div id="order">
    <div class="warp">
        <form id="fonmcxzx" name="fonmcxzx" action="#" method="post"  target="_blank">
        <input type="hidden" name="orderid" id="orderid" value="no.201511148053247">
        <div class="title">在线快速订购</div>    
        <div class="bdbox">
            <label class="bdxx"><em>*</em>产品</label>
            <div class="dxbox red">
            
              <select name="type" id="product" onchange="priceb()">
                <option value="288" title="288">帕达索商务皮鞋&nbsp;&nbsp;288元</option>
              </select>
               <input type="hidden" name="info"  value="单品页面帕达索商务皮鞋288元"/>
               
            </div>
        </div>
<!--附加属性b -->


                <div class="bdbox">
                    <label class="bdxx"><em>*</em>颜色</label>
                    <div class="dxbox red">
                    
                    <select name="color">
						<option value="">请选择</option>
						%&gt;
						                    <option value="黑色">黑色</option>
						%&gt;
						                    <option value="棕色">棕色</option>
						                    </select>
						                    </div>
						                </div>
						 
						
						                <div class="bdbox">
						                     <label class="bdxx"><em>*</em>尺寸</label>
						                    <div class="dxbox red">
						                    
						                    <select name="size">
						<option value="">请选择</option>
						
						%&gt;
						                    <option value="37码">37码</option>
						
						%&gt;
						                    <option value="38码">38码</option>
						
						%&gt;
						                    <option value="39码">39码</option>
						
						%&gt;
						                    <option value="40码">40码</option>
						
						%&gt;
						                    <option value="41码">41码</option>
						
						%&gt;
						                    <option value="42码">42码</option>
						
						%&gt;
						                    <option value="43码">43码</option>
						
						%&gt;
						                    <option value="44码">44码</option>
						
						%&gt;
						                    <option value="45码">45码</option>

                    </select>
                    
                    </div>
                </div>
 
<!--附加属性e -->
        <div class="bdbox">
            <label class="bdxx"><em>*</em>数量</label>
            <div class="xltextbox scount">
                <a class="addmin" href="javascript:void(0)" onclick="minnumber()">-</a>
                <input type="text" class="text numbertext" value="1" name="num" id="num" onblur="inputnumber();"><a class="addmin" href="javascript:void(0)" onclick="addnumber()">+</a>
			<font class="STYLE17" color="#BD0000">*订购数量(点击增减或填写)</font>
            </div>
        </div>
        <div class="bdbox">
            <label class="bdxx"><em>*</em>姓名</label>
            <div class="textbox">
                <input type="text" name="name" class="inputText">
            </div>
        </div>
        <div class="bdbox">
            <label class="bdxx"><em>*</em>手机</label>
            <div class="textbox">
                <input type="text" name="mobile" class="inputText">
            </div>
        </div>
        <div class="bdbox">
            <label class="bdxx"><em>*</em>地区</label>
            <div class="xlbox">
                <select name="province" class="dqxl" id="province_sel">
                	<option value="">选省份</option>
                </select>
                <select name="city" class="dqxl" id="city_sel">
                	<option value="">选城市</option>
                </select>
                
                <select name="area" class="dqxl" id="area_sel">
                	<option value="">选地区</option>
                </select>
            </div>
        </div>
        <div class="bdbox">
            <label class="bdxx"><em>*</em>地址</label>
            <div class="textbox">
                <input type="text" name="street" class="inputText">
            </div>
        </div> 
        <div class="bdbox">
            <label class="bdxx"><em>*</em>金额</label>
            <div class="text3box">
                <input type="hidden" name="zfbprice" value="288">
                <input name="totalPrice" value="288" readonly="" style="width:80px;"> 元 <span id="zfbyh"></span>
            </div>
        </div>
        <div class="bdbox">
            <label class="bdxx"><em>*</em>付款</label>
            <div class="dxbox">
                <input type="radio" checked="checked" name="pay" id="b1" value="cod" onclick="return changeItem(0);"><label for="b1"><img src="./hdfk.gif"></label><br>
            </div>
        </div>

        <div class="bdbox">
            <label class="bdxx"></label>
            <div class="textbox">
                <font color="red">温馨提示：支持全国货到付款，免邮费！收到货有任何疑问请拨打我们免费电话</font>
            </div>
        </div>
 
        <div class="bdbox">
            <label class="bdxx">留言</label>
            <div class="text2box"> 
                <textarea name="remark" placeholder="如备用联系电话"></textarea>
            </div>
        </div>
          
 		<input type="hidden" name="fromurl" value="http://localhost:8080/padasuo/"><input type="hidden" name="nowurl" value="http://localhost:8080/padasuo/#buy"><input type="hidden" name="keyword" value=""><input type="hidden" name="gzid" value="pb21053shtjl">
        <div class="subbox">
            <input type="button" name="" id="add_order_id" class="btn-style" value="提交订单">
        </div>
        </form>
        <div style="clear:both;"></div>
    </div> 
</div>

<div id="fahuo"> 

</div>

<script>
var quotes=new Array("帕达索商务皮鞋288特价款"); 
</script>
 
<script type="text/javascript" src="fahuo.js"></script>  
<script>
function changeprice(){
	
	priceb(); 
        
}

function priceb(){
    var cpxljg = document.getElementById("product");
    var product = cpxljg.options[document.getElementById("product").options.selectedIndex].title; 
    if(document.fonmcxzx.num.value=="" || document.fonmcxzx.num.value==0){	
		var num=1;
	}
	else{
		var num=document.fonmcxzx.num.value;
	}	
	var price=product*num;
	document.getElementById("b1").checked='checked';
	document.fonmcxzx.totalPrice.value=price;
	document.fonmcxzx.zfbprice.value=price;
	document.getElementById("showprice").innerHTML=price;
	document.getElementById("zfbyh").innerHTML='';
}


function addnumber(){
	$('#num').val(parseInt($('#num').val())+1);
	changeprice();
}

function minnumber(){
	if($('#num').val()>1){
	$('#num').val(parseInt($('#num').val())-1);
	changeprice();
	}
}
function inputnumber(){
	var number=parseInt($('#num').val());
	if(isNaN(number)||number<1){
		$('#num').val('1');
	changeprice();
	}else{
		$('#num').val(number);
	}
        changeprice();
}

</script>

<script>
	$(function(){
		
		$.ajax({
			type : 'Get',
			contentType : 'application/json',
			url : '../address/getAll.do',
			dataType : 'json',
			async:false,
			success : function(data) {
				if (data.result) {
					var provinceList = data.obj;
					var proHtml = '<option value="">请选择</option>';
					for(var i = 0;i<provinceList.length;i++){
						var item = provinceList[i];
						proHtml = proHtml +'<option value="'+item.code+"|"+item.name+'">'+item.name+'</option>';
					}
					$("#province_sel").html(proHtml);
				} else {
					
				}
			},
			error : function(data) {
				 
			}
		});
		
		$("#province_sel").change(function(){
			var provincecode = $(this).val().split("|")[0];
			$.ajax({
				type : 'Get',
				contentType : 'application/json',
				url : '../address/getByProvincecode.do',
				dataType : 'json',
				async:false,
				data:{
					provincecode:provincecode
				},
				success : function(data) {
					if (data.result) {
						var cityList = data.obj;
						var proHtml = '<option value="">请选择</option>';
						for(var i = 0;i<cityList.length;i++){
							var item = cityList[i];
							proHtml = proHtml +'<option value="'+item.code+"|"+item.name+'">'+item.name+'</option>';
						}
						$("#city_sel").html(proHtml);
					} else {
						
					}
				},
				error : function(data) {
					 
				}
			});
		});
		
		$("#city_sel").change(function(){
			var citycode = $(this).val().split("|")[0];
			$.ajax({
				type : 'Get',
				contentType : 'application/json',
				url : '../address/getByCitycode.do',
				dataType : 'json',
				data:{
					citycode:citycode
				},
				async:false,
				success : function(data) {
					if (data.result) {
						var cityList = data.obj;
						var proHtml = '<option value="">请选择</option>';
						for(var i = 0;i<cityList.length;i++){
							var item = cityList[i];
							proHtml = proHtml +'<option value="'+item.code+"|"+item.name+'">'+item.name+'</option>';
						}
						$("#area_sel").html(proHtml);
					} else {
						
					}
				},
				error : function(data) {
					 
				}
			});
			
		});
		
		
		$("#add_order_id").click(function(){
			var that = $(this);
			
			if(!cxzxcheckform()){
				return false;
			}
			$(this).val("正在提交订单中...").prop("disabled",true).addClass("disabled");
			var data = $("#fonmcxzx").serialize();
			$.ajax({
				type : "POST",    
				url : '../order/addDp.do',
				data : data,
				dataType:"json",
				async:false, 
				success : function(json) {
					if(json.result){
						window.location.href = "../success";
					}else{
						that.val("立即提交订单").prop("disabled",false).removeClass("disabled");
						alert("提交订单失败...");
					}
				},
				error:function(){
					that.val("立即提交订单").prop("disabled",false).removeClass("disabled");
					alert("服务器异常！");
				}
			});
			return false;
		});
	});
</script>


</body></html>